<template>
    <div class="team-box">
        <div class="team-title">依托单位</div>
        <div class="team-imgs">
            <div class="img-box">
                <img src="@/assets/team1.png" alt="" srcset="">
                <span class="name">大连理工大学</span>
            </div>
            <div class="img-box">
                <img src="@/assets/team2.png" alt="" srcset="">
                <span class="name">南京大学</span>
            </div>
            <div class="img-box">
                <img src="@/assets/team3.png" alt="" srcset="">
                <span class="name">中国石化</span>
            </div>
        </div>
        <div class="line"></div>
    </div>
</template>

<script>
export default {

}
</script>

<style scoped>
.team-box{
    width: 60%;
    margin: 0 auto;
}
.line{
    width: 100%;
    border-bottom: 1px solid black;
    margin: 20px auto;
}
.team-title{
    width: fit-content;
    border: 3px solid black;
    border-right: none;
    border-bottom: none;
    border-top: none;
    padding: 5px;
    font: larger;
    font-weight: 600;
    margin: 30px;
}
.team-imgs{
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
}
.img-box{
    display: flex;
    flex-direction: column;
    margin: 0 30px;
}
span{
    margin: 10px;
}
img{
    width: 100px;
    margin: 20px auto;
}
</style>